<!DOCTYPE html>
<html>
<head>
    <title>录入快递 -- 快件e栈服务平台</title>
    <meta charset="utf-8">
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>

    <link href="../css/normalize.css" rel="stylesheet" type="text/css"/>
    <link href="../css/common.css" rel="stylesheet" type="text/css"/>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="../js/common.js" type="text/javascript"></script>
    <script src="../js/notice.js" type="text/javascript"></script>
    <script src="../js/regexp.js" type="text/javascript"></script>
    <script src="../js/jweixin-1.2.0.js" type="text/javascript"></script>
    <script src="../js/layer/layer.js"></script>
    <style type="text/css">
        .content {
            position: relative;
        }

        .expEnterCont {
            padding-bottom: 20px;
        }

        .expEnterCont .expEnterIcon {
            width: 20%;
            margin: 0 auto;
        }

        .expEnterCont .expEnterIcon p {
            text-align: center;
            font-weight: bold;
        }

        .submitBtn {
            width: 90%;
            margin: 0 auto;
            text-align: center;
            line-height: 46px;
            border-radius: 23px;
            background: #1f72ff;
            color: #fff;
            font-weight: bolder;
        }

        .stopvoicerecord {
            width: 40%;
            height: 50px;
            position: absolute;
            top: 20px;
            right: 40px;
            display: none;
            background: purple;
        }

        .stopvoicerecord {
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1001;
            display: none;
        }

        .stopvoicerecord .voiceRecordCont {
            width: 60%;
            background: #fff;
            border-radius: 8px;
            position: absolute;
            top: calc((100% - 216px) / 2); /*30 + 110 +30 + 10 +36 == 216*/
            left: 20%;
            padding: 20px 0px 10px;
        }

        .stopvoicerecord .voiceRecordCont img {
            display: block;
            margin: 0 auto;
            width: 110px;
        }

        .stopvoicerecord .voiceRecordCont .voiceRecordState {
            margin: 0px;
            text-align: center;
            font-size: 14px;
            color: #777777;
            line-height: 30px;
        }

        .stopvoicerecord .voiceRecordCont #stopVoiceRecordBtn {
            margin: 10px auto 0px;
            width: 90%;
            text-align: center;
            line-height: 36px;
            background: #3eb94e;
            font-size: 14px;
            color: #fff;
            font-weight: bold;
            border-radius: 18px;
        }
    </style>
</head>
<body>
<div class="content">
    <div class="headerNav">
        <div class="headerNavTop">
            <div class="headerNavIcon headerNavIconOut"><span></span><span></span></div>
        </div>
        <div class="headerNavCont">
            <a href="../index.html">快递首页</a>
            <a href="/wx/views/wxUserhome.html">个人中心</a>
            <a href="delivery.html">送货上门</a>
            <a href="sendexpress.html">我要寄件</a>
            <a href="lazyboard.html">懒人排行</a>
            <a href="expassistant.html">快递助手</a>
        </div>
    </div>

    <div class="expEnterCont">
        <div class="expEnterIcon">
            <img src="../images/expentericon.png" width="100%">
            <p>录入快递</p>
        </div>
        <div class="expEnterInput">
            <input id="timestamp" type="hidden" value="${timestamp}"/>
            <input id="noncestr" type="hidden" value="${nonceStr}"/>
            <input id="signature" type="hidden" value="${signature}"/>
            <input id="appId" type="hidden" value="${appId}"/>
            <form>
                <input id="PageContext" type="hidden" value="${pageContext.request.contextPath}"/>
                <input id="wxCode" type="hidden" value="${wxCode}"/>
                <div class="userInputCont">
                    <div class="inputTypeCont">
                        <div class="inputTitle">单号</div>
                        <input class="commonInputFunc" id="expressId" name="expressId" placeholder="请输入快递单号..."
                               type="text">
                    </div>
                    <div class="inputTypeCont">
                        <div class="inputTitle">姓名</div>
                        <input class="commonInputFunc" id="username" name="phone" placeholder="请输入收件人姓名" type="text">
                    </div>
                    <div class="inputTypeCont">
                        <div class="inputTitle">手机</div>
                        <input class="commonInputFunc" id="phone" name="phone" placeholder="录入后短信自动提醒" type="text">
                    </div>
                    <div class="inputTypeCont">
                        <div class="inputTitle">公司</div>
                        <select id="company" name="company">
                            <option selected="selected" value="顺丰速运">顺丰速运</option>
                            <option value="安能快递">安能快递</option>
                            <option value="安能物流">安能物流</option>
                            <option value="澳大利亚邮政">澳大利亚邮政</option>
                            <option value="阿根廷邮政">阿根廷邮政</option>
                            <option value="爱沙尼亚邮政">爱沙尼亚邮政</option>
                            <option value="阿联酋邮政">阿联酋邮政</option>
                            <option value="奥地利邮政">奥地利邮政</option>
                            <option value="阿尔巴尼亚邮政">阿尔巴尼亚邮政</option>
                            <option value="Aramex">Aramex</option>
                            <option value="巴西邮政">巴西邮政</option>
                            <option value="比利时邮政">比利时邮政</option>
                            <option value="百世快运">百世快运</option>
                            <option value="波兰邮政">波兰邮政</option>
                            <option value="白俄罗斯邮政">白俄罗斯邮政</option>
                            <option value="保加利亚邮政">保加利亚邮政</option>
                            <option value="巴基斯坦邮政">巴基斯坦邮政</option>
                            <option value="百福东方">百福东方</option>
                            <option value="包裹信件">包裹信件</option>
                            <option value="晟邦物流">晟邦物流</option>
                            <option value="城市100">城市100</option>
                            <option value="City">City-Link</option>
                            <option value="COE">COE</option>
                            <option value="传喜物流">传喜物流</option>
                            <option value="德邦快递">德邦快递</option>
                            <option value="大田物流">大田物流</option>
                            <option value="递四方">递四方</option>
                            <option value="DHL德国">DHL德国</option>
                            <option value="DHL全球">DHL全球</option>
                            <option value="DHL中国">DHL中国</option>
                            <option value="EMS">EMS</option>
                            <option value="EMS国际">EMS国际</option>
                            <option value="EMS经济快递">EMS经济快递</option>
                            <option value="FedEx中国">FedEx中国</option>
                            <option value="FedEx国际">FedEx国际</option>
                            <option value="FedEx美国">FedEx美国</option>
                            <option value="飞豹快递">飞豹快递</option>
                            <option value="凡宇快递">凡宇快递</option>
                            <option value="飞远配送">飞远配送</option>
                            <option value="飞远">飞远(爱彼西)</option>
                            <option value="法国邮政">法国邮政</option>
                            <option value="芬兰邮政">芬兰邮政</option>
                            <option value="国通快递">国通快递</option>
                            <option value="postco">postco</option>
                            <option value="百世快递">百世快递</option>
                            <option value="恒路物流">恒路物流</option>
                            <option value="黄马甲配送">黄马甲配送</option>
                            <option value="黑猫宅急便">黑猫宅急便</option>
                            <option value="华企快运">华企快运</option>
                            <option value="韩国邮政">韩国邮政</option>
                            <option value="佳吉快运">佳吉快运</option>
                            <option value="京东快递">京东快递</option>
                            <option value="佳怡物流">佳怡物流</option>
                            <option value="京广速递">京广速递</option>
                            <option value="日本邮政">日本邮政</option>
                            <option value="筋斗云物流">筋斗云物流</option>
                            <option value="捷克邮政">捷克邮政</option>
                            <option value="嘉里大通">嘉里大通</option>
                            <option value="加运美">加运美</option>
                            <option value="快捷快递">快捷快递</option>
                            <option value="跨越速运">跨越速运</option>
                            <option value="克罗地亚邮政">克罗地亚邮政</option>
                            <option value="联昊通">联昊通</option>
                            <option value="龙邦速递">龙邦速递</option>
                            <option value="黎巴嫩邮政">黎巴嫩邮政</option>
                            <option value="民航快递">民航快递</option>
                            <option value="秘鲁邮政">秘鲁邮政</option>
                            <option value="毛里求斯邮政">毛里求斯邮政</option>
                            <option value="马耳他邮政">马耳他邮政</option>
                            <option value="摩尔多瓦邮政">摩尔多瓦邮政</option>
                            <option value="马其顿邮政">马其顿邮政</option>
                            <option value="民邦快递">民邦快递</option>
                            <option value="明亮物流">明亮物流</option>
                            <option value="挪威邮政">挪威邮政</option>
                            <option value="南非邮政">南非邮政</option>
                            <option value="OnTrac">OnTrac</option>
                            <option value="葡萄牙邮政">葡萄牙邮政</option>
                            <option value="全峰快递">全峰快递</option>
                            <option value="全一快递">全一快递</option>
                            <option value="如风达">如风达</option>
                            <option value="申通快递">申通快递</option>
                            <option value="速尔快递">速尔快递</option>
                            <option value="盛丰物流">盛丰物流</option>
                            <option value="圣安物流">圣安物流</option>
                            <option value="盛辉物流">盛辉物流</option>
                            <option value="瑞士邮政">瑞士邮政</option>
                            <option value="苏宁快递">苏宁快递</option>
                            <option value="斯洛伐克邮政">斯洛伐克邮政</option>
                            <option value="沙特邮政">沙特邮政</option>
                            <option value="斯洛文尼亚邮政">斯洛文尼亚邮政</option>
                            <option value="塞尔维亚邮政">塞尔维亚邮政</option>
                            <option value="天天快递">天天快递</option>
                            <option value="天地华宇">天地华宇</option>
                            <option value="土耳其邮政">土耳其邮政</option>
                            <option value="泰国邮政">泰国邮政</option>
                            <option value="TNT">TNT</option>
                            <option value="UPS">UPS</option>
                            <option value="USPS">USPS</option>
                            <option value="万象物流">万象物流</option>
                            <option value="乌克兰邮政">乌克兰邮政</option>
                            <option value="万家物流">万家物流</option>
                            <option value="信丰物流">信丰物流</option>
                            <option value="新邦物流">新邦物流</option>
                            <option value="西班牙邮政">西班牙邮政</option>
                            <option value="匈牙利邮政">匈牙利邮政</option>
                            <option value="圆通速递">圆通速递</option>
                            <option value="韵达快递">韵达快递</option>
                            <option value="优速物流">优速物流</option>
                            <option value="银捷速递">银捷速递</option>
                            <option value="远成物流">远成物流</option>
                            <option value="运通中港快递">运通中港快递</option>
                            <option value="邮政国内小包">邮政国内小包</option>
                            <option value="英国皇家邮政">英国皇家邮政</option>
                            <option value="意大利邮政">意大利邮政</option>
                            <option value="印度邮政">印度邮政</option>
                            <option value="亚美尼亚邮政">亚美尼亚邮政</option>
                            <option value="越丰物流">越丰物流</option>
                            <option value="亚风速递">亚风速递</option>
                            <option value="邮政国际包裹">邮政国际包裹</option>
                            <option value="中通快递">中通快递</option>
                            <option value="宅急送">宅急送</option>
                            <option value="中铁物流">中铁物流</option>
                            <option value="增益速递">增益速递</option>
                            <option value="中铁快运">中铁快运</option>
                            <option value="芝麻开门">芝麻开门</option>
                            <option value="中国邮政">中国邮政</option>
                            <option value="智利邮政">智利邮政</option>
                            <option value="中速快递">中速快递</option>
                        </select>
                    </div>
                </div>
            </form>
            <div class="submitBtn" id="submitBtn">录入信息</div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $("#submitBtn").click(function () {

            var windowId = layer.load();
            var expressId = $("#expressId").val();
            var username = $("#username").val();
            var phone = $("#phone").val();
            var company = $("#company").val();

            $.getJSON("/express/insert.do", {
                number:expressId,
                company:company,
                username:username,
                userPhone:phone
            }, function (rs) {
                layer.close(windowId);
                layer.msg(rs.result);
                if (rs.status == 0){
                    $("#expressId").val("");
                    $("#username").val("");
                    $("#phone").val("");
                }
            });
        });
    });
</script>
</body>
</html>